
		
	
	 <div class="filter bc-border-sec" >
        <ul>
            <li ng-click="order('is_new')">
                <p>最新推荐</p>
            </li>
            <li ng-click="order('sort_order')">
                <p>综合最佳</p>
            </li>
        </ul>
		<p  id="fp" class="bc-border-sec"></p>
    </div>

	
	
	
<div id="goods-list-content" infinite-scroll="Goodslist.nextPage()" infinite-scroll-distance="3">
		<div class="goods-list-div show">
			<div class="uinn c-wh ub sc-border-b2 index-goods" ng-repeat="item in Goodslist.items" ng-click="goParameter('/goods', 'fade',item.goods_id)"  > 
				   <div>
				   <img src="{{Goodslist.baseUrl}}{{item.goods_img}}"  style="width:inherit;"  />
				   </div>
				   <div class="ub-f1 ub-ver goods-list " >
				   	    	<div  class="ulev">{{item.goods_name}}</div>
							<div class="sc-text ulev-1">{{item.goods_brief}}</div>
							<div  class="sc-text-sec ulev0">￥{{item.shop_price}}元</div>
				   </div>
			</div>
			<div style="height:50px"></div>
		</div>		
</div>


<script>
	
	
	var fli = $('.filter li');
	
	var liWidth = fli.width();
	
	var fp = $('#fp');
	
	var gd = $('div.goods-list-div');
	
	fli.click(function(){
		var liindex = fli.index(this);
		$(this).addClass('on').siblings().removeClass('on');
		
		var left =  liindex * liWidth + 52;
		fp.stop(false,true).animate({'left' :left + 'px'},300);
		//gd.eq(liindex).fadeIn(150).siblings('div.goods-list-div').hide();
	});
	
	
</script>